<template>
 <div>
  <header class="bar bar-nav">
  <h1 class='title title2'>oec留学服务</h1>
  </header>
<div class="content">
 <div class="row no-gutter">
 <div class="col-33 menu ">
  <a href="#" v-link="{path: '/study/menu',replace: true}">
  <span class="icon icon-app beta" style="background:#EF29B9"></span><br/>
  留学信息</a>
 </div>
 <div class="col-33 menu ">
  
  <a href="#" v-link="{path:'/travel',replace:true}">
   <span class="icon icon-browser beta" style="background:#1926E2"></span><br/>
  旅游活动</a>
 </div>
 <div class="col-33 menu ">
  <a href="#" v-link="{path:'/news',replace:true}">
     <span class="icon icon-card beta" style="background:#4CD964"></span><br/>

  近期新闻</a>
 </div>
 </div>

 <div class='row no-gutter'>
<!--  <div class="col-33  menu ">
  <a href="#" v-link="{path:'/travel/mytravel',replace:true}">
     <span class="icon icon-code beta" style="background:#0BC9D4"></span><br/>
  我的活动</a>
 </div> -->
 <div class="col-33  menu ">
  <a href="#" v-link="{path:'/vip/menu',replace:true}">
     <span class="icon icon-menu beta" style="background:#FA1"></span><br/>

  会员服务</a>
 </div>
<!--  <div class="col-33 menu ">
  <a href="#" v-link="{path:'/updateprofile',replace:true}">
     <span class="icon icon-settings beta" style="background:#F68"></span><br/>
 
  修改资料</a>
 </div> -->

 </div>

</div>
 </div>
</template>

<script>
import Bar from '../components/Bar'
import BarItem from '../components/BarItem'
export default {
  components: {
    Bar,
    BarItem
  }
}
</script>

<style scoped>
.menu{
 height:5rem;
 text-align:center;
 font-size:14px;
 line-height:2rem;
}
.title2{
 box-shadow: 0px 1px 3px;
 color:#0894ec;
}
.row .col-33{
  border-bottom:1px solid lightgray;
  border-right:1px solid lightgray;
}
.beta{
  color:white;
  width:30px;
  height:30px;
  line-height:30px;
  border-radius:30px;
}
</style>
